<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/swiper.css">
		<link rel="stylesheet" href="css/wow.min.css">
		<link rel="stylesheet" href="css/fancybox.css">
		<script type="text/javascript" src="js/jquery.js"></script>	
		<script type="text/javascript" src="js/wow.min.js"></script>	
		<script type="text/javascript" src="js/index.js"></script>
		<script type="text/javascript" src="js/fancybox.js"></script>
		<script type="text/javascript" src="js/swiper.js"></script>
		<script type="text/javascript" src="js/SuperSlide.js"></script>
	</head>
	<body>
		<div class="header">
			<div class="header_box">
				<h1><a href="###"><img src="img/logo01.png" alt=""></a></h1>
				<h1><a href="###"><img src="img/logo02.png" alt=""></a></h1>
				<h1><a href="###"><img src="img/logo03.png" alt=""></a></h1>
				<div class="serch">
					<div class="vip">
						<div class="vip_pic"></div>
						经销商会员登录
					</div>
					<form action="">
						<div class="serch_bth">
							<input type="text">
							<button></button>
						</div>
					</form>
				</div>
				<div class="nav">
					<ul>
						<li class="on"><a href="###">首页</a></li>
						<li><a href="###">陶瓷</a></li>
						<li><a href="###">岩板</a></li>
						<li><a href="###">岩板家居</a></li>
						<li><a href="###">工程案例</a></li>
						<li><a href="###">品牌动态</a></li>
						<li><a href="###">关于康建</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		
		<!-- case -->
		<div class="case_bg" style="background-image: url('img/about_bg01_01.jpg');">
			<div class="main clearfix">
				<div class="inav">
					<div class="break">
						<div><a href="###">首页</a></div>
						<div> <a href="###">品牌动态</a> </div>
					</div>
					<ul class="page_name">
						<li class="on"><a href="###">品牌介绍</a></li>
						<li><a href="###">招商加盟</a></li>
						<li><a href="###">品牌视频</a></li>
						<li><a href="###">联系</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		
		
<div class="jianjie" style="background-image:url(img/jion_bg_02.jpg);">
<div class="main">
	<!-- 品牌 -->
	<div class="brand">
		<h2>品牌优势</h2>
		<p>五大升级优势，大未来</p>
		<div class="brand_list clearfix">
			<div class="brand_box">
				<h3>01 战略大升级</h3>
				<p>2019年与意大利LAMINAM进口岩板品牌大战略强强联手，强势进军岩板与岩板家居定制大市场，品牌实力、品牌高度、技术创新等更具市场优势。</p>
			</div>
			<div class="brand_box">
				<h3>01 战略大升级</h3>
				<p>2019年与意大利LAMINAM进口岩板品牌大战略强强联手，强势进军岩板与岩板家居定制大市场，品牌实力、品牌高度、技术创新等更具市场优势。</p>
			</div>
			<div class="brand_box">
				<h3>01 战略大升级</h3>
				<p>2019年与意大利LAMINAM进口岩板品牌大战略强强联手，强势进军岩板与岩板家居定制大市场，品牌实力、品牌高度、技术创新等更具市场优势。</p>
			</div>
			<div class="brand_box">
				<h3>01 战略大升级</h3>
				<p>2019年与意大利LAMINAM进口岩板品牌大战略强强联手，强势进军岩板与岩板家居定制大市场，品牌实力、品牌高度、技术创新等更具市场优势。</p>
			</div>
			<div class="brand_box">
				<h3>01 战略大升级</h3>
				<p>2019年与意大利LAMINAM进口岩板品牌大战略强强联手，强势进军岩板与岩板家居定制大市场，品牌实力、品牌高度、技术创新等更具市场优势。</p>
			</div>
		</div>
	</div>
	
	
	<!-- 支持 -->
	<div class="zhici">
		<h2>加盟支持</h2>
		<p>六大政策支持，大格局</p>
		<div class="clearfix">
			<img src="img/woshou01_03.png" alt="">
			<div class="zhici_list">
				<div class="zhici_box">
					<h3>01 产品支持</h3>
					<p>公司提供丰富的产品体系，齐全的规格，潮流的花色，不断创新，强势推出大规格现代大板、岩板和成品家居，一站式物流仓储中心，保证满足市场需求。</p>
				</div>
				<div class="zhici_box">
					<h3>01 产品支持</h3>
					<p>公司提供丰富的产品体系，齐全的规格，潮流的花色，不断创新，强势推出大规格现代大板、岩板和成品家居，一站式物流仓储中心，保证满足市场需求。</p>
				</div>
				<div class="zhici_box">
					<h3>01 产品支持</h3>
					<p>公司提供丰富的产品体系，齐全的规格，潮流的花色，不断创新，强势推出大规格现代大板、岩板和成品家居，一站式物流仓储中心，保证满足市场需求。</p>
				</div>
				<div class="zhici_box">
					<h3>01 产品支持</h3>
					<p>公司提供丰富的产品体系，齐全的规格，潮流的花色，不断创新，强势推出大规格现代大板、岩板和成品家居，一站式物流仓储中心，保证满足市场需求。</p>
				</div>
				<div class="zhici_box">
					<h3>01 产品支持</h3>
					<p>公司提供丰富的产品体系，齐全的规格，潮流的花色，不断创新，强势推出大规格现代大板、岩板和成品家居，一站式物流仓储中心，保证满足市场需求。</p>
				</div>
				<div class="zhici_box">
					<h3>01 产品支持</h3>
					<p>公司提供丰富的产品体系，齐全的规格，潮流的花色，不断创新，强势推出大规格现代大板、岩板和成品家居，一站式物流仓储中心，保证满足市场需求。</p>
				</div>
			</div>
		</div>
	</div>
	
	<!-- 流程 -->
	<div class="liucheng">
		<h2>加盟流程</h2>
		<img src="img/liucheng_07.png" alt="">
	</div>
	
	<!-- apply -->
	<div class="apply">
		<h2>加盟申请</h2>
		<div class="apply_list">
			<div class="hot">
				<h3>加入康建，开启财富之路</h3>
				<p>招商热线</p>
				<div class="shops">
					<p>康建运动陶瓷</p>
					<p>陈家强 0757-89925799  13322846002</p>
				</div>
				<div class="shops">
					<p>康建岩板</p>
					<p>李锦明 0757-89925799  13925918141</p>
				</div>
				<div class="shops">
					<p>Laminam by康建家居</p>
					<p>区绮珊 0757-82563800  18029300037</p>
				</div>
				<span>注：请如实填写右侧表格，提交申请后将会第一时间与您联系 !</span>
			</div>
			<div class="imessage">
				<input type="text" placeholder="请输入姓名">
				<input type="text" placeholder="请输入手机号码">
				<select name="sf" id="province">
					<option value="">请选择省份</option>
				</select>
				<select name="city" id="city">
					<option value="">请选择城市</option>
				</select>
				<input type="text" placeholder="加盟项目" class="select">
				<textarea rows="4"   placeholder="留言"></textarea>
				<input type="text" placeholder="输入验证码" class="select">
				<div class="img_box">
					<img src="img/reg_code.jpg" alt="">
				</div>
				<button>提交申请</button>
			</div>
		</div>
	</div>
</div>
</div>
		
		<!-- 脚部部分 -->
		<div class="footer">
			<div class="main">
				<div class="bot_logo">
					<a href="###"><div class="img_box"><img src="img/logo01_big.png" alt=""></div></a>
					<a href="###"><div class="img_box" ><img src="img/logo02_big.png" alt=""></div></a>
					<a href="###"><div class="img_box"><img src="img/logo03_big.png" alt=""></div></a>
				</div>
				<div class="footer_box clearfix">
					<div class="wxqr">
						<div class="img_box"><a href="###"><img src="img/wx.png" alt=""></div></a>
						<div class="img_box"><a href="###"><img src="img/wxxccx.png" alt=""></div></a>
						<div class="img_box"><a href="###"><img src="img/douyin.png" alt=""></div></a>
						<div class="text_box">
							扫一扫 关注我们
						</div>
					</div>
					<div class="footer_nav">
						<dl>
							<dt>陶  瓷</dt>
							<dd><a href="###">现代大板</a></dd>
							<dd><a href="###">通体中板 </a></dd>
							<dd><a href="###">通体大理石 </a></dd>
							<dd><a href="###">超耐磨 </a></dd>
						</dl>
						<dl>
							<dt>岩  板</dt>
							<dd><a href="###">国岩系列 </a></dd>
							<dd><a href="###">欧洲进口系列</a></dd>
						</dl>
						<dl>
							<dt>岩板家居</dt>
							<dd><a href="###">餐台</a></dd>
							<dd><a href="###">书台</a></dd>
							<dd><a href="###">柜类</a></dd>
						</dl>
						<dl>
							<dt>工程案例</dt>
							<dd><a href="###">案例展示</a></dd>
						</dl>
						<dl>
							<dt>关于康建</dt>
							<dd><a href="###">康建简介</a></dd>
							<dd><a href="###">招商加盟</a></dd>
							<dd><a href="###">品牌视频</a></dd>
							<dd><a href="###">联系我们</a></dd>
						</dl>
					</div>
				</div>
				
				<div class="copy">
					<div class="lcopy">
						<p>营销中心：佛山市禅城区南庄镇陶博大道15号康建运动陶瓷营销总部（中国） 0757-89925799</p>
						<p>版权所有 ©佛山市康建陶瓷有限公司 粤ICP备17093858号</p>
					</div>
					<div class="rcopy"> 技术支持：云路科技 </div>
				</div>
			</div>
		</div>
		<script src="js/index.js"></script>
		<script>
			
		     $(function(){
		         var pro=["广东","广西","福建"];
		         var ci=[["广州","深圳","珠海"],["南宁","玉林","桂林"],["莆田","福州","厦门"]];
		         
		         //将数组中省份假入到选择项中去
		         $(pro).each(function(i,v){
		             $("#province").append("<option value='"+i+"'>"+v+"</option>");
		         });
		         
		         $("#province").change(function(){
		             //每次选择省份之后都还原
		             $("#city").html("<option value='-1'>请选择</option>")
		             //获取省份的索引值
		             var proIndex=this.value;
		               // alert(proIndex);
		             //根据索引值遍历城市
		             $(ci[proIndex]).each(function(i,v){
		                 $("#city").append("<option value='+i+'>"+v+"</option>");
		             });    
		         });
		     });
		</script>
	</body>
</html>